Design system atlas
Repository
A visual reference for the webstack: page shells, blocks, typography, and colour tokens presented as a clean catalog rather than a debug board.
Page shellsBlocksTypographyColour tokens
What lives here
Templates, layouts, components, and style decisions in one curated place.
Layouts
Hero, content, form, sidebar, article, index, special.
Sites
Registry, deploy targets, and orchestration surface.
Blocks
Hero, lead, content, cards, media, CTA, footer.
Typography
Headings, body text, code, scales, and font stacks.
Colours
Brand, neutral, and state tokens with usage guidance.
System map